<!-- 播放器水印 -->
<template>
  <div style="position: absolute; width: 100%; left: 0; top: 0;height:100%;overflow:hidden">
    <div class="watermark video-watermark-multiple video-watermark-item">
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
      <div class="noselect"><span >{{waterMarkText}}</span></div>
    </div>
  </div>
</template>
<script>
export default {
  name: "PlayerWaterMark",
  props:{
    waterMarkText:{
      type: String,
      default: "CMVS"
    }
  },
  }
</script>
<style>
.noselect {
  display: inline-block;
  padding: 100px
}

.video-watermark-item {
  left: 15%;
  top: 10%;
  color: rgba(240,240,240,0.3);
  font-size: 20px;
  font-family: 方正黑体;
  -o-transform: translate(-15%, -50%) rotate(-35deg);
  -webkit-transform: translate(-15%, -50%) rotate(-35deg);
  -moz-transform: translate(-15%, -50%) rotate(-35deg);
  -ms-transform: translate(-15%, -50%) rotate(-35deg);
  transform: translate(-15%, -50%) rotate(-35deg);
  position: absolute;
  overflow: hidden;
}
</style>
